// @include flex-center
@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin flex-box($direction: row, $justify: center, $align: center) {
  display: flex;
  flex-direction: $direction;
  justify-content: $justify;
  align-items: $align;
}

// 移动端100vh问题
// 在移动端使用 100vh 时，发现在 Chrome、Safari 浏览器中，因为浏览器栏和一些导航栏、链接栏导致不一样的呈现：
// 你以为的 100vh === 视口高度
// 实际上 100vh === 视口高度 + 浏览器工具栏（地址栏等等）的高度
@mixin vh($height: 100vh) {
  height: $height;
  height: calc(#{$height} - var(--browser-address-bar, 0px));
}